import './feidianMsg.scss'
import React,{Component} from 'react';
export default class FeiDianMsg extends Component<any,any>{
    constructor(props:any){
        super(props)
    }
    render(){
        return (
            <div className="feidianMsg">
                {/* 用户信息 */}
                <div className="user bgf">
                    <div className="userMsg">
                        <img src="https://b-gold-cdn.xitu.io/v3/static/img/default-avatar.e30559a.svg" alt=""/>
                        <span>950801</span>
                    </div>
                    <ul className="gzNum">
                        <li>
                            <div className="gzTitle">沸点</div>
                            <div className="gzNumSon">100</div>
                        </li>
                        <li>
                            <div className="gzTitle">关注</div>
                            <div className="gzNumSon">111</div>
                        </li>
                        <li>
                            <div className="gzTitle">关注者</div>
                            <div className="gzNumSon">120</div>
                        </li>
                    </ul>
                </div>
                {/* 推荐沸点 */}
                <div className="recomFd bgf">
                    <header className="title">推荐沸点</header>
                    {/* 列表内容 */}
                    <ul className="fDList">
                        <li>
                            <div className="left">
                                <div className="perMsg">各位大哥，我这配置多少钱呢，怕被坑了</div>
                                <div className="perZan">
                                     1赞 · 80评论   
                                </div>
                            </div>
                            <img src={require('~/images/fd.jpg')} alt=""/>
                        </li>
                        <li>
                            <div className="left">
                                <div className="perMsg">各位大哥，我这配置多少钱呢，怕被坑了</div>
                                <div className="perZan">
                                     1赞 · 80评论   
                                </div>
                            </div>
                        </li>
                        <li>
                            <div className="left">
                                <div className="perMsg">各位大哥，我这配置多少钱呢，怕被坑了</div>
                                <div className="perZan">
                                     1赞 · 80评论   
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                {/* 玩转沸点的方法 */}
                <div className="playFd bgf">
                    <img src="https://b-gold-cdn.xitu.io/v3/static/img/guide-icon.6c1b9a0.svg" alt=""/>
                    <span>如何玩转沸点</span>
                </div>
            </div>
        )
    }
}